当前位置:flash课件吧→教育→教育教学栏目

www.luotao2008.cn视频网校,仅需要一个耳机+QQ远程即可完成所有教学任务。

题 目:Flash 制作猜大小课件

一、课件功能介绍
这个课件主要借助随机函数动态生成题目,然后与下方的数字“5”进行比较,课件以游戏的形式,锻炼了学生的数字大小判断能力。课件主界面如图1所示,上方的文本框,初始值是以“?”的形式呈现,练习时点击数字“5”两边的“<”或者“>”进行猜测,如果判断正确文本框中将显示生成的数值,并自动跳到下一个文本框进行判断,如果猜测错误,屏幕上将显示“Sorry you lose”,如果判断全部正确,屏幕上将显示“Good you win”。练习结束后可以按“quit”按钮退出练习,也可以按“again”按钮重新开始。课件主要用到了动态文本、随即函数、以及按钮的制作和简单代码的编写等相关知识,课件结构简洁,使用方法简单,但实用性较强,练习时首先进行猜测然后进行判断,课件让学生以游戏的形式进行数值判断,达到了在游戏中学习,在学习中游戏的效果,并借助随即函数动态出题,利于学生知识的牢固掌握和灵活运用。

 

图1
二、元件制作,布置舞台
1.新建一个Flash文档,然后按“Ctrl+J”组合键打开“文档属性”对话框,将文档尺寸调整为宽600像素,高400像素,背景色设为浅紫色,其它选项保持默认不变。
2.将时间轴中的图层1重新命名为“背景”,接着选择“矩形工具”,在下方的“颜色”面板中将填充颜色去掉,在“选项”面板中点击“圆角矩形半径”按钮,打开“矩形设置”对话框,将边角半径设为10点,然后在场景中绘制一个圆角矩形。
3.选中场景中的圆角矩形,按“Ctrl+F3”组合键打开“属性”面板,将矩形颜色调整为深蓝色,笔触为10个像素,样式选择实线,尺寸调整为520×320像素,如图2所示。接着按“Ctrl+K”组合键打开“对齐”面板,点击选中“相对于舞台”按钮,然后点击“水平中齐”和“垂直中齐”按钮,使圆角矩形相对于舞台中心对齐,作为课件的外测边框。


 

 

 二、元件制作,布置舞台
1.新建一个Flash文档,然后按“Ctrl+J”组合键打开“文档属性”对话框,将文档尺寸调整为宽600像素,高400像素,背景色设为浅紫色,其它选项保持默认不变。
2.将时间轴中的图层1重新命名为“背景”,接着选择“矩形工具”,在下方的“颜色”面板中将填充颜色去掉,在“选项”面板中点击“圆角矩形半径”按钮,打开“矩形设置”对话框,将边角半径设为10点,然后在场景中绘制一个圆角矩形。
3.选中场景中的圆角矩形,按“Ctrl+F3”组合键打开“属性”面板,将矩形颜色调整为深蓝色,笔触为10个像素,样式选择实线,尺寸调整为520×320像素,如图2所示。接着按“Ctrl+K”组合键打开“对齐”面板,点击选中“相对于舞台”按钮,然后点击“水平中齐”和“垂直中齐”按钮,使圆角矩形相对于舞台中心对齐,作为课件的外测边框。


 

图2
4.选择工具箱面板中的“矩形工具”按钮,在下方的“颜色”面板中设置笔触颜色为红色,填充颜色为浅黄色,然后在场景中绘制一个矩形,接着选中场景中的矩形并在下方的属性面板中调整其笔触高度为1个像素,大小为60×40像素。按住Alt键,选择并拖动场景中的矩形进行复制,共复制出五个矩形,并参考图1调整好它们的位置,当作动态文本的背景。
5.选择工具箱面板中的“文本工具”按钮,按“Ctrl+F3”组合键打开“属性”面板,文本类型选择“静态文本”,字体设为“Arial”,字体大小设为50像素,颜色选择红色,并加粗,其它选项保持默认不变,如图3所示,然后在场景中输入“5”,并调整好位置。

 

图3
6.按“Ctrl+F8”组合键打开“创建新元件”对话框,新建一个名为“大于号”的按钮元件,如图4所示,然后点击“确定”按钮进入元件编辑状态。

 

 

图4
7.选择 “矩形工具”,将笔触颜色去掉,填充色设为浅绿色,然后在场景中绘制一个矩形。再选择工具箱面板中的文本工具,输入一个“>”,并放在矩形框的上方中间位置,这样就制作好了大于号按钮,用同样的方法制作小于号按钮。然后按“Ctrl+L”组合键打开“库”面板,将库中的大于号和小于号按钮元件拖入场景中,并参考图1调整好它们的位置。
8.在主场景中新建一个图层并重新命名为“动态文本”,然后选择 “文本工具”,文本类型设为“动态文本”, 字体设为“Arial”,字体大小设为40像素,颜色选择蓝色,在“变量”文本框中输入“a1”其它选项保持默认不变,然后在场景中点击鼠标左键,添加一个动态文本框,用同样的方法添加其它四个动态文本框,变量依次设为a2,a3,a4和a5,然后调整五个文本框的位置使它们正好放在背景层的五个矩形框上方中心位置。
9.在主场景中新建一个图层并重新命名为“箭头”,选择“矩形工具”按钮,去掉笔触颜色,填充颜色设为橘黄色,然后在场景中绘制一个矩形。用箭头工具指向矩形的左上角,并向矩形的上边中点位置拖动,用同样的方法将矩形的右上角拖到上边中点位置,使矩形转变为三角形,并调整它的位置使其处于第1个动态文本框的正下方。然后分别在“箭头”层的第2,3,4,5帧处按F6键插入一个关键帧,并将三角形移动到第2,3,4,5个动态文本框的正下方,箭头起到一个定位的作用。
10.在“箭头”层的第6帧处按F7键插入一个空白关键帧,接着选择工具箱面板中的文本工具,在下面的属性面板中选择静态文本,“Arial”字体,字体大小设为40,颜色选择红色,并加粗,然后在场景中输入“Good you win!”,并借助“对齐”面板,调整文本的位置使其相对于舞台中心对齐。用同样的方法在第7帧处插入一个空白关键帧并输入“Sorry you lose”,只是将文本颜色调整为蓝色,其它选项保持不变。
11.在主场景中新建一个图层并重新命名为“控制”,然后参考第6和第7步的方法,制作“quit”和“again”按钮,并按照如图1所示的效果调整它们的位置。
12.最后在其它图层的第7帧处按F5键,插入普通帧,将时间轴扩展到第7帧位置。
三、编写代码,调试运行
在主场景中新建一个图层并重新命名为“代码”,然后选择“代码”图层的第1帧,按F9键打开“动作”面板并输入下面的代码:
//将五个动态文本框的默认值设为“?”初始化变量i,并停止在第1帧
a1="?";
a2="?";
a3="?";
a4="?";
a5="?";
i=0;
stop();
选择“背景”图层中的小于号按钮,按F9键打开“动作”面板并输入下面的代码:
on (Release){
number = random(10) ;
//通过随即函数生成10以内的数字并赋值给变量number
i = i + 1;
set("a" add i, number);
//通过i变量的自加将number的值赋给a1—a5
if (number < 5)
{
nextFrame ();
}
//如果number的值小于5,则跳到下一帧,继续判断,否则跳到并停止在第7帧。
else
gotoAndStop(7);
}
选择“背景”图层中的大于号按钮,按F9键打开“动作”面板并输入下面的代码:
on (Release){
number = random(10) ;
i = i + 1;
set("a" add i, number);
if (number >= 5)
{
nextFrame ();
}
else
gotoAndStop(7);
}
选择“控制”图层中的“quit”按钮,并在下方的代码面板中输入下面的代码:
on (Release) {
fscommand("quit");
}
选择“控制”图层中的“again”按钮,并在下方的代码面板中输入下面的代码:
on (Release) {
gotoAndPlay(1);
}
至此,课件制作基本完成,可以按“Ctrl+Enter”组合键测试影片,然后保存。如果想实现更多或者更大数值的比较,方法基本相同,只不过是多添加几个动态文本框和稍稍修改一下代码而已,本文不再赘述,读者可以自行调试制作。

 

 

 

 

FLASH课件制作培训班开班了!火热报名中!加我站管理QQ444860709解决任何疑问! 培训QQ专业群67042004。